<template>
	<div style="height: 100%;">
	  <a-layout id="components-layout-demo-top-side-2">
	    <a-layout-header class="header">
	      <page-head></page-head>
	    </a-layout-header>
	    <a-layout>
	      <a-layout-sider width="200">
	        <page-menu></page-menu>
	      </a-layout-sider>
	      <a-layout style="padding: 0 24px 24px">
	       <!-- <a-breadcrumb style="margin: 16px 0;color: #FFFFFF;">
	          <a-breadcrumb-item>首页</a-breadcrumb-item>
	          <a-breadcrumb-item>仪表盘</a-breadcrumb-item>
	        </a-breadcrumb> -->
	        <a-layout-content
	        >
	          <router-view/>
	        </a-layout-content>
	      </a-layout>
	    </a-layout>
	  </a-layout>
	</div>
</template>

<script>
import pageHead from '../components/head.vue'
import pageMenu from '../components/menu.vue'
export default {
  name: 'index',
  components: {
	pageHead,
	pageMenu
  },
  data() {
	return {
	};
  },
  methods:{
  }
}
</script>

<style lang="less">
.ant-layout-header{
	padding: 0;
}
#components-layout-demo-top-side-2{
	height: 100%;
}
.ant-form-item-label>label {
	color: #000;
}
</style>
